@mixin border1px($color){
        position: relative;
        &::after{
           content:"";
           position: absolute;
           bottom:0px;
           width:100%;
           left: 0px;
           height: 1px;
           background:$color;
        }

        @media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
                &::after{
                        transform: scaleY(0.6);
                } 
        }

        @media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
                &::after{
                        transform: scaleY(0.5);
                } 
        }

        @media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3) {
                &::after{
                        transform: scaleY(0.333 );
                } 
        }
}